<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Account summary</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"/>
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
        <
        !--//---------------------------------+
            //  Developed by Roshan Bhattarai
            //  Visit http://roshanbh.com.np for this script and more.
            //  This notice MUST stay intact for legal use
            // --------------------------------->
                $(document).ready(function()
                {
                    //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
                    $("#firstpane p.menu_head").click(function()
                    {
                        $(this).css({backgroundImage:"url(images/down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
                        $(this).siblings().css({backgroundImage:"url(images/left.png)"});
                    });
                    //slides the element with class "menu_body" when mouse is over the paragraph
                    $("#secondpane p.menu_head").mouseover(function()
                    {
                        $(this).css({backgroundImage:"url(images/down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
                        $(this).siblings().css({backgroundImage:"url(images/left.png)"});
                    });
                });
    </script>

    <style type="text/css">
        <!--
        .style3 {
            color: #333333
        }

        .style4 {
            color: #FFFF00;
            font-weight: bold;
        }

        .style5 {
            color: #FFFFFF
        }

        -->
    </style>
    <decorator:head/>
</head>
<body>
<div id="wrapper">
    <div id="header">
        <div id="logo">
            <h1><a href="#">SriBank Online </a></h1>

            <p></p>
        </div>
        <div id="search">
            <form method="get" action="">
                <fieldset>
                    <p>
                        <input type="text" name="s" id="search-text" size="15"/>
                        <input type="submit" id="search-submit" value="GO"/>
                        <br/>
                        <br/>
                        <span class="style4">Hi Ashan You have 3 new messages </span><img src="images/envelope_icon.png"
                                                                                          alt="mail" width="32"
                                                                                          height="27"/><br/>
                    </p>
                </fieldset>
            </form>
        </div>
    </div>
    <!-- end #header -->
    <div id="menu">
        <ul>
            <li class="current_page_item"><a href="#">Home</a></li>
            <li><a href="#">Internet banking</a></li>
            <li><a href="#">Insurence</a></li>
            <li><a href="#">Credit cards</a></li>
            <li><a href="#">Othr Links</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div>
    <!-- end #menu -->
    <div id="page">
        <div id="page-bgtop">
            <div id="page-bgbtm">
                <div id="content">
                    <decorator:body/>
                </div>
                <!-- end #content -->
                <p>&nbsp;</p>

                <div class="menu_list" id="secondpane"> <!--Code for menu starts here-->
                    <p class="menu_head"><span class="style1">Accounts</span></p>

                    <div class="menu_body">
                        <a href="#">Account summary</a>
                        <a href="#">Sribank MasterCard</a>
                        <a href="#">Sribank VisaCard</a>
                    </div>
                    <p class="menu_head"><span class="style1">Statements</span></p>

                    <div class="menu_body">
                        <a href="#">View e-Statement</a>
                        <a href="#">Statement/notification Options</a>
                        <a href="#">Intirium Statement request</a>
                        <a href="#">Previous statement request</a>
                    </div>

                    <p class="menu_head"><span class="style1">Bill Payments</span></p>

                    <div class="menu_body">
                        <a href="#">Pay a bill</a>
                        <a href="#">Pay multiple bills</a>
                        <a href="#">Add a bill payee</a>
                        <a href="#">Bill payment list</a>
                        <a href="#">Payment History</a>
                        <a href="#">Future payments</a>
                    </div>

                    <p class="menu_head"><span class="style1">Transfers</span></p>

                    <div class="menu_body">
                        <a href="#">Make a transfer</a>
                        <a href="#">Saved Transfers</a>
                        <a href="#">Transfer History</a>
                        <a href="#">Future Transfers</a>

                    </div>

                    <p class="menu_head"><span class="style1">Other Services<</span></p>

                    <div class="menu_body">
                        <a href="#">Cheques</a>
                        <a href="#">My Profile</a>
                        <a href="#">Tools and Calculators</a>
                        <a href="#">Contacts and Support</a>

                    </div>
                </div>
                <!--Code for menu ends here-->
            </div>
            <!-- end #sidebar -->
            <div style="clear: both;">&nbsp;</div>
        </div>
    </div>
</div>
<!-- end #page -->
</div>
<div id="footer">
    <p>Copyright (c) 2009 Sribank. All rights reserved.</p>
</div>
<!-- end #footer -->
</body>
</html>

